<template>
    <el-form :inline="true" :model="props.queryParam" class="demo-form-inline">
        <el-form-item label="ShelfID">
            <el-input v-model="props.queryParam.shelf_id" placeholder="ShelfID" clearable />
        </el-form-item>
        <el-form-item label="PN">
            <el-input v-model="props.queryParam.part_num" placeholder="PN" clearable />
        </el-form-item>
        <el-form-item label="唯一码">
            <el-input v-model="props.queryParam.save_id" placeholder="唯一码" clearable />
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="queryData">Query</el-button>
        </el-form-item>
    </el-form>
</template>

<script lang="ts" setup>

const emit = defineEmits(['some-event'])
const props = defineProps(['queryParam'])

const queryData = () => {
    emit("some-event", props.queryParam)
}

</script>

<style>
.demo-form-inline .el-input {
    --el-input-width: 220px;
}

.demo-form-inline .el-select {
    --el-select-width: 220px;
}
</style>
